<template>
  <textarea 
    v-model="model[schema.name]"
    class="form-control" 
    :name="schema.name"
    :placeholder="schema.placeholder"
    :disabled="schema.disabled" 
    :readonly="schema.readonly" 
    :required="schema.required" 
    :minLength="schema.minLength"
    :maxLength="schema.maxLength"
    :min="schema.min"
    :max="schema.max"
    :pattern="schema.pattern"
    :step="schema.step"
    :autocomplete="schema.autocomplete"
    :width="schema.width"
    :height="schema.height"
    :rows="schema.rows"
    :class="[`input-${schema.size||'md'}`, schema.className]"
  ></textarea>
</template>
<script>
import XBase from './XBase.vue'
export default {
  name: 'XTextarea',
  extends: XBase
}
</script>
<style></style>